html {
	background-image: url("YOUR_BACKGROUND_IMAGE.png");
	background-color: aliceblue;
}
body {
	max-width: 720px;
	margin: auto;
	margin-top: 12px;
	margin-bottom: 12px;
	display: grid;
	grid-template-areas:
		"sidebar main"
		"footer footer";
	grid-template-columns: 30% 69%;
	grid-gap: 14px;
	font-family: Mona, Osaka, ms pgothic, sans-serif;
}
@media screen and (max-width:800px) {
	body {
		width: 97%;
		margin: 10px;
		grid-template-columns: 1fr;
		grid-template-areas:
			"sidebar"
			"main"
			"footer";
	}
}
h1,h2,h3,h3,h5,h6 {
	font-family: Palatino Linotype, Palatino, serif;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
	border-bottom: 1px solid lightgrey;
	padding-bottom: 5px;
}
h3 {
	margin: 0;
}
blockquote {
	color: grey;
	font-style: italic;
	border-left: 2px solid grey;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}
main {
	border: 1px solid black;
	background: white;
	grid-area: main;
	padding: 4px;
	padding-left: 12px;
	padding-right: 12px;
}
aside {
	border: 1px solid black;
	background: white;
	grid-area: sidebar;
	padding: 4px;
}
#sidebar-nav {
	text-align: left;
}
img {
	border: 1px solid black;
	max-width: 80%;
}
section#entries img {
	margin-left:auto;
	margin-right:auto;
	margin-top: 8px;
	margin-bottom: 2px;
	display: block;
}
img[src="rss-icon.png"] {border: none;}
#icon,.icon {
	vertical-align: middle;
	border: none;
	margin: 0 !important;
	display: inline !important;
}
quote {
	color: grey;
	font-style: italic;
	font-family: Palatino Linotype, Palatino, serif;
	font-size: 14px;
}
a.img{
	border: none !important;
}
a:link, a:visited {
	text-decoration: none;
	color: blue;
	border-bottom: 1px dotted;
}
a:hover {
	color: deeppink;
}
ul {
	margin: 0;
	padding: 6px;
	list-style: none;
}
li {
	padding-top: 1px;
	padding-bottom: 1px;
}
li:before {
	color: deeppink;
	content: '❖';
}
small {
	font-size: 12px;
}

.article-header {
	background: lightgrey;
	padding: 6px;
}
h1.article-header {
	margin-top: 11px;
	margin-bottom: 11px;
	font-size: 22px;
}
.article-header a:link,a:visited {
	color: black;
	border: none;
}
.article-header a:hover {
	border-bottom: 1px dotted;
}
.metadata {
	font-weight: light;
	font-size: 12px;
	display: inline-block;
	float: right
}
nav.entrynav {
	float: right;
	font-size: 12px;
}

footer {
        border: 1px solid black;
        background: white;
        grid-area: footer;
        padding: 8px;
        font-size: 12px;
}
